<script setup>
/**
 * @/views/service/ServiceProductPage.vue
 * 描述 ServiceProductPage 页面
 */
</script>

<template>
  <!-- 测试 -->
  <div class="service-product-page">
    <el-card class="page-card" style="width: 100%">
      <template #header>
        <h2>服务-商品</h2>
      </template>
      <div style="width: 100%">
        <!-- TODO: 组件 -->
      </div>
    </el-card>
  </div>
</template>

<style scoped>
.service-product-page {
  padding: 20px;
  background-color: #f5f5f5;
}

/* 使得文字居中 */
.service-product-page {
  text-align: center;
}
</style>
